<!DOCTYPE html>
<!-- saved from url=(0203)http://150.138.118.72:9999/jkzq/ldd/xzFirstPage.htm?jgdm=103&jgname=%E5%9F%A0%E6%9D%91%E8%A1%97%E9%81%93%E5%8A%9E%E4%BA%8B%E5%A4%84%E7%A4%BE%E5%8C%BA%E5%8D%AB%E7%94%9F%E6%9C%8D%E5%8A%A1%E4%B8%AD%E5%BF%83 -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>章丘区家庭医生签约服务平台</title>
    
    <meta name="keywords" content="家庭医生">
    <meta name="description" content="章丘区家庭医生签约服务平台">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="robots" content="all">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="browsermode" content="application">
    <meta name="x5-page-mode" content="app">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="author" content="zoe">
    <link rel="stylesheet" type="text/css" href="http://150.138.118.72:9999/jkzq/easyui/themes/default/easyui.css">
    <link href="http://150.138.118.72:9999/jkzq/style/ldd.css" rel="stylesheet">
    <link href="http://150.138.118.72:9999/jkzq/js/ldd/scrollbar/scrollbar.css" rel="stylesheet">
    <script src="http://150.138.118.72:9999/jkzq/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="http://150.138.118.72:9999/jkzq/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="http://150.138.118.72:9999/jkzq/js/ldd/scrollbar/scrollbar.js"></script>
    <script>
          var path = 'http://150.138.118.72:9999/jkzq';
        var orgId = '1';
        var userName = '章丘区领导';
        var jgdm = '103';
        var jgname = '埠村街道办事处社区卫生服务中心';
    </script>
    <!--[if lt IE 9]>
    <div class="browers-tip">
        <div id="ie7tip">
            <h3>您的浏览器版本太低!</h3>
            <p class="msg">请升级您的浏览器获取更好的浏览体验!</p>
            <p>推荐浏览器:</p>
            <ul class="col-4 clearfix">
                <li class="fl"><a title="火狐浏览器" target="_blank" href="https://www.baidu.com/s?ie=utf-8&f=3&rsv_bp=1&rsv_idx=1&tn=baidu&wd=%E7%81%AB%E7%8B%90%E6%B5%8F%E8%A7%88%E5%99%A8&oq=%E7%81%AB%E7%8B%90&rsv_pq=e889a5050018055c&rsv_t=afbaPMzHyPfZ67BRMuGOM6bkMaiBHpPNPLQcHLiAXlG0hd7rscGuZBnzaNA&rsv_enter=1&rsv_sug3=12&rsv_sug1=10&rsv_sug7=100&rsv_sug2=1&prefixsug=%E7%81%AB%E7%8B%90&rsp=0&rsv_sug4=1291">火狐</a></li>
                <li class="fl"><a title="谷歌浏览器" target="_blank" href="https://www.baidu.com/s?ie=utf-8&f=3&rsv_bp=1&rsv_idx=1&tn=baidu&wd=chrome&oq=chrome&rsv_pq=9afbc4e70023048c&rsv_t=22a7BpshFS44b9fJXyHJ8wXYmYeshp562LQGzA6%2BA2rv%2Bvp4P7nw9Z29yko&rsv_enter=0&prefixsug=chrome&rsp=0">谷歌</a></li>
                <li class="fl"><a title="360极速浏览器" target="_blank" href="https://www.baidu.com/s?ie=utf-8&f=3&rsv_bp=1&rsv_idx=1&tn=baidu&wd=360%E6%B5%8F%E8%A7%88%E5%99%A8&oq=%26lt%3B60%E6%B5%8F%E8%A7%88%E5%99%A8&rsv_pq=e9e3f264001a4ff1&rsv_t=19ef876JU8rJX9cJz%2BMgUUbsgk9vLBMO2tohA%2Bawj6obHlmcNoBlNL5IcXQ&rsv_enter=0&prefixsug=%3C60%E6%B5%8F%E8%A7%88%E5%99%A8&rsp=0">360极速</a></li>
                <li class="fl"><a title="IE11浏览器" target="_blank" href="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=ie11&oq=%26lt%3B60%E6%B5%8F%E8%A7%88%E5%99%A8&rsv_pq=ffad8e0b001a9302&rsv_t=5e79YerDZbh9tPm8YkFwps6YafouF7VfhLFvcgMqjcUkcKzWEvDH3rAZmc0&rsv_enter=0&rsv_sug3=32&rsv_sug1=30&rsv_sug7=100&bs=360%E6%B5%8F%E8%A7%88%E5%99%A8">ie11</a></li>
            </ul>
        </div>
    </div>
    <style type="text/css">
        .browers-tip{position:fixed;background:#f9f9f9;width:100%;height:100%;z-index:200;top:0;left:0;}
        #ie7tip{background:#fff;font-size:16px;width:400px;position:absolute;left:50%;margin-left:-200px;top:30%;padding:20px;}
        #ie7tip h3{text-align:center;font-size:20px;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid #f4c538;}
        #ie7tip .msg{margin:5px 0;}
        #ie7tip ul{margin-top:15px;}
        #ie7tip ul li{text-align:center;}
        #ie7tip ul li a{color:#000;}
        #ie7tip ul li a:hover{text-decoration:underline;}
    </style>
    <![endif]-->
<script>
    //全局设置
    var config = {
        "jgdm": jgdm	//机构代码
    };
</script></head>

<body style="zoom: 1;">
<div class="welcome">
    <h1 class="page-title">章丘区家庭医生签约服务平台</h1>
    <span class="iconfont usericon"></span>
    <strong class="userName">章丘区领导</strong>，您好！当前您所在位置: <span class="location">埠村街道办事处社区卫生服务中心</span>
    <a href="javascript:;" id="mainPage"><span class="iconfont homeicon"></span>平台首页</a>
    <a href="javascript:;" id="lastPage"><span class="iconfont lastPage"></span>返回上一级</a>
    <a href="javascript:;" id="signOut"><span class="iconfont logouticon"></span>退出</a>
</div>
<div class="wrap page_wrap">
    <div class="left_layout mCustomScrollbar _mCS_1" style="max-height: 845px;"><div id="mCSB_1" class="mCustomScrollBox mCS-light mCSB_vertical mCSB_inside" tabindex="0" style="max-height: 845px;"><div id="mCSB_1_container" class="mCSB_container" style="position:relative; top:0; left:0;" dir="ltr">
        <div class="widget group_total">
            <ul class="group_item col-2 clear">
                <li class="fl opacity flex doctor_group">
                    <div class="info">
                        <span class="icon"></span>医生组数<span class="orange num" id="yszs">22</span>
                    </div>
                </li>
                <li class="fl opacity flex doctors">
                    <div class="info">
                        <span class="icon"></span>医生数<span class="orange num" id="yss">15</span>
                    </div>
                </li>
            </ul>
        </div>
        <div class="widget contract_rate">
            <h3 class="tip"><span>辖区签约情况</span><em></em></h3>
            <div class="box">
                <div class="double_charts clear">
                    <div class="charts cunqylList" style="cursor: pointer;">
                        <div class="charts_info flex">
                            <div class="info">
                                <p>人口总数：<span class="orange" id="rks">29232</span>人</p>
                                <p>签约人数：<span class="orange" id="qys">557</span>人</p>
                            </div>
                        </div>
                        <div class="charts_box has_info" id="area_charts" _echarts_instance_="1524021890392" style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0); cursor: default;"><div style="position: relative; overflow: hidden; width: 213px; height: 178px;"><div data-zr-dom-id="bg" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 228px; height: 178px; user-select: none;"></div><canvas width="213" height="178" data-zr-dom-id="0" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 213px; height: 178px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="213" height="178" data-zr-dom-id="_zrender_hover_" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 213px; height: 178px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas></div></div>
                    </div>
                    <div class="charts opacity">
                        <div class="charts_info flex">
                            <div class="info">
                                <p>重点人群数：<span class="orange" id="zdrqrks">454</span>人</p>
                                <p>签约人数：<span class="orange" id="zdrqqys">453</span>人</p>
                            </div>
                        </div>
                        <div class="charts_box has_info" id="area_important_charts" _echarts_instance_="1524021890393" style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0); cursor: default;"><div style="position: relative; overflow: hidden; width: 213px; height: 178px;"><div data-zr-dom-id="bg" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 228px; height: 178px; user-select: none;"></div><canvas width="213" height="178" data-zr-dom-id="0" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 213px; height: 178px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="213" height="178" data-zr-dom-id="_zrender_hover_" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 213px; height: 178px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas></div></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="widget im_people">
            <h3 class="tip"><span>重点人群签约占比</span><em></em></h3>
            <div class="box opacity">
                <div class="charts_box" id="important_people_charts" _echarts_instance_="1524021890394" style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0); cursor: default;"><div style="position: relative; overflow: hidden; width: 426px; height: 238px;"><div data-zr-dom-id="bg" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 456px; height: 238px; user-select: none;"></div><canvas width="426" height="238" data-zr-dom-id="0" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 426px; height: 238px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="426" height="238" data-zr-dom-id="1" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 426px; height: 238px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="426" height="238" data-zr-dom-id="_zrender_hover_" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 426px; height: 238px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas></div></div>
            </div>
        </div>
        <div class="widget hypertension">
            <h3 class="tip"><span>高血压管理</span><em></em></h3>
            <div class="box">
                <ul class="hypertension_item col-3 clear">
                    <li class="fl flex">
                        <div class="info">
                            <p>高血压签约数</p>
                            <span class="blue" id="gxyqys">94</span>人
                        </div>
                    </li>
                    <li class="fl flex">
                        <div class="info">
                            <p>今日监测数</p>
                            <span class="blue" id="gxyjcs">0</span>人
                        </div>
                    </li>
                    <li class="fl flex">
                        <div class="info">
                            <p>今日异常数</p>
                            <span class="blue" id="gxyycs">0</span>人
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="widget service_park">
            <h3 class="tip"><span>服务包订购</span><em></em></h3>
            <div class="box opacity">
                <div class="charts_box" id="service_park_charts" _echarts_instance_="1524021890395" style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"><div style="position: relative; overflow: hidden; width: 426px; height: 238px;"><div data-zr-dom-id="bg" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 456px; height: 238px; user-select: none;"></div><canvas width="426" height="238" data-zr-dom-id="0" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 426px; height: 238px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="426" height="238" data-zr-dom-id="1" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 426px; height: 238px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="426" height="238" data-zr-dom-id="_zrender_hover_" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 426px; height: 238px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas></div></div>
            </div>
        </div>
        <div class="widget compliance">
            <h3 class="tip"><span>履约情况</span><em></em></h3>
            <div class="box">
                <div class="double_charts clear">
                    <div class="charts opacity">
                        <div class="charts_info charts_sm_info flex">
                            <div class="info">
                                <p>履约数：<span class="orange" id="lyrs">0</span>项</p>
                            </div>
                        </div>
                        <div class="charts_box has_info has_sm_info" id="compliance_charts" _echarts_instance_="1524021890396" style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"><div style="position: relative; overflow: hidden; width: 213px; height: 190px;"><div data-zr-dom-id="bg" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 228px; height: 190px; user-select: none;"></div><canvas width="213" height="190" data-zr-dom-id="0" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 213px; height: 190px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="213" height="190" data-zr-dom-id="_zrender_hover_" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 213px; height: 190px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas></div></div>
                    </div>
                    <div class="charts">
                        <div class="charts_info charts_sm_info flex">
                            <div class="info">
                                <p>续约数：<span class="orange" id="xyrs">0</span>人</p>
                            </div>
                        </div>
                        <div class="charts_box has_info has_sm_info" id="renewal_charts" _echarts_instance_="1524021890397" style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"><div style="position: relative; overflow: hidden; width: 213px; height: 190px;"><div data-zr-dom-id="bg" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 228px; height: 190px; user-select: none;"></div><canvas width="213" height="190" data-zr-dom-id="0" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 213px; height: 190px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas width="213" height="190" data-zr-dom-id="_zrender_hover_" class="zr-element" style="position: absolute; left: 0px; top: 0px; width: 213px; height: 190px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas></div></div>
                    </div>
                </div>
            </div>
        </div>
    </div><div id="mCSB_1_scrollbar_vertical" class="mCSB_scrollTools mCSB_1_scrollbar mCS-light mCSB_scrollTools_vertical" style="display: block;"><div class="mCSB_draggerContainer"><div id="mCSB_1_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 30px; display: block; height: 476px; max-height: 835px;" oncontextmenu="return false;"><div class="mCSB_dragger_bar" style="line-height: 30px;"></div></div><div class="mCSB_draggerRail"></div></div></div></div></div>
    <!-- 右侧列表开始 -->
    <div class="content_layout mCustomScrollbar _mCS_2" style="max-height: 845px;"><div id="mCSB_2" class="mCustomScrollBox mCS-light mCSB_vertical mCSB_inside" tabindex="0" style="max-height: 894px;"><div id="mCSB_2_container" class="mCSB_container" style="position:relative; top:0; left:0;" dir="ltr">
        <div class="content">
            <ul class="item_list col-3 clear"><li class="fl"><div class="item_info"><h3><span class="teamName">埠村医生组</span><span class="orange num">8人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">443</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:48%;"></s></span><span class="fl num">48%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:51%;"></s></span><span class="fl num">51%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">彭家庄</span><span class="orange num">3人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">108</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:51%;"></s></span><span class="fl num">51%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:48%;"></s></span><span class="fl num">48%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">杨家巷</span><span class="orange num">4人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">3</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:80%;"></s></span><span class="fl num">80%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:20%;"></s></span><span class="fl num">20%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">埠东</span><span class="orange num">1人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">1</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:50%;"></s></span><span class="fl num">50%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:50%;"></s></span><span class="fl num">50%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">南凤</span><span class="orange num">1人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">1</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:100%;"></s></span><span class="fl num">100%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">东鹅</span><span class="orange num">0人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">太平</span><span class="orange num">0人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">月宫</span><span class="orange num">0人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">西鹅</span><span class="orange num">0人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">大冶</span><span class="orange num">0人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">埠西</span><span class="orange num">1人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">夏庄</span><span class="orange num">1人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">沙湾</span><span class="orange num">0人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">翟家庄</span><span class="orange num">1人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">长青</span><span class="orange num">0人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">徘徊</span><span class="orange num">0人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">西山</span><span class="orange num">0人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">北凤</span><span class="orange num">2人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">南宿舍</span><span class="orange num">0人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">刘台</span><span class="orange num">1人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">矿机关</span><span class="orange num">0人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div></div></div></li><li class="fl"><div class="item_info"><h3><span class="teamName">兴旺</span><span class="orange num">0人</span></h3><div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>签约总数</p></div></li><li class="fl opacity flex"><div class="info"><span class="blue">0</span><p>服务总数</p></div></li><li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p0 small orange"><span>0%<em>履约率</em></span><div class="slice"><div class="bar" style="transform: rotate(0deg);"></div><div class="fill"></div></div></div></div></li></ul></div><div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:0%;"></s></span><span class="fl num">0%</span></div></div></div></li></ul>
        </div>
    </div><div id="mCSB_2_scrollbar_vertical" class="mCSB_scrollTools mCSB_2_scrollbar mCS-light mCSB_scrollTools_vertical" style="display: block;"><div class="mCSB_draggerContainer"><div id="mCSB_2_dragger_vertical" class="mCSB_dragger" style="position: absolute; min-height: 30px; top: 0px; display: block; height: 367px; max-height: 884px;" oncontextmenu="return false;"><div class="mCSB_dragger_bar" style="line-height: 30px;"></div></div><div class="mCSB_draggerRail"></div></div></div></div></div>
</div>
<script src="http://150.138.118.72:9999/jkzq/js/dist/echarts-all.js"></script>
<script>
    $(".userName").text(userName);
    $(".location").text(jgname);
    if(jgdm==orgId){
        $("#lastPage").hide();
    }
    $('#mainPage').click(function () {
        location.href = '/jkzq/main.htm';
    })
    $("#lastPage").click(function(){
        window.history.back();
    })
    $('#signOut').click(function () {
        $.messager.confirm('系统提示', '您确定要退出本次登录吗?', function (r) {
            if (r) {
                location.href = '/jkzq/logout.htm';
            }
        });
    })
    //打开高血压管理的页面
    
        
    

    //打开高血压管理的页面
    $(".cunqylList").click(function(){
        location.href="/jkzq/ldd/goToSignInfoForCun.htm?jgdm="+config.jgdm+"&jgname="+jgname;
    });

    //滚动条
    function AutoScrollBar(){
        var w=$(window).width();
        var h=$(window).height()-80;
        if (w>768){
            $(".left_layout,.content_layout").css({'max-height':h},{'overflow':'auto'});
            $(".left_layout,.content_layout").mCustomScrollbar();
        }
    }
    //DOM完成后运行
    $(document).ready(function (){
        AutoScrollBar();
    });
    //window大小改变后重置
    $(window).resize(function (){
        AutoScrollBar();
    });

    //circle 百分比
    function resetcircle(){
        var rotationMultiplier = 3.6;
        $( "div[id$='circle']" ).each(function() {
            var classList = $( this ).attr('class').split(/\s+/);
            for (var i = 0; i < classList.length; i++) {
                if (classList[i].match("^p")) {
                    var rotationPercentage = classList[i].substring(1, classList[i].length);
                    var rotationDegrees = rotationMultiplier*rotationPercentage;
                    $('.c100.p'+rotationPercentage+ ' .bar').css({
                        '-webkit-transform' : 'rotate(' + rotationDegrees + 'deg)',
                        '-moz-transform'    : 'rotate(' + rotationDegrees + 'deg)',
                        '-ms-transform'     : 'rotate(' + rotationDegrees + 'deg)',
                        '-o-transform'      : 'rotate(' + rotationDegrees + 'deg)',
                        'transform'         : 'rotate(' + rotationDegrees + 'deg)'
                    });
                }
            }
        });
    }
</script>
<!-- 各地区签约数 ajax -->
<script>
    function EveryAreaNumUpdate(){
        $.ajax({
            url: path+"/ldd/finddqqys.htm",
            async: false,
            type : 'get',
            dataType: "json",
            data:{'fJgdm':config.jgdm},
            success: function (data){
                if(data.state == "1"){
                    var result1 ='';
                    var result2 ='';
                    for(var i = 0; i < data.data.length; i++){
                        if(data.data[i].jgname==''){
                        }else{
                            result1+='<li class="fl area_item"><p><span class="label"></span>'+data.data[i].jgname+'<span class="num">'+data.data[i].qys+'人</span></p></li>';
                        }
                        //输到出DOM
                        $('.area_total_list').html(result1);
                    }
                    for(var i = 0; i < data.data.length; i++){
                        if(data.data[i].jgname==''){
                        }else{
                            result2+='<div class="city_info"><span class="nums">'+data.data[i].qys+'</span><span class="city_name">'+data.data[i].jgname+'</span><span class="circle yellow right"></span></div>';
                        }
                        //输到出DOM
                        $('.area_map').html(result2);
                    }
                }else{
                    alert('获取各地区签约数据失败!'+'('+data.data.message+')');
                }
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){}
        });
    }

    //获取数据
    $(document).ready(function () {
        EveryAreaNumUpdate();
        $(".area_map").each(function(){
            $(this).find("div").each(function(i){
                $(this).addClass("city_" + i);
            });
        });
        $("ul.area_total_list").each(function(){
            $(this).find("li").each(function(i){
                $(this).addClass("item_" + i);
            });
        });
    });
</script>

<!-- 机构数,医生组数,医生数 ajax -->
<script>
    function ManagerUpdate(){
        $.ajax({
            //url: "http://150.138.183.25:9090/jm/ldd/findMessage.htm",
            url: path+"/ldd/findMessage.htm",
            async: true,
            type : 'get',
            dataType: "json",
            data:{'fJgdm':config.jgdm},
            success: function (data){
                if(data.state == "1"){
                    $('#jgs').html(data.data.jgs);//机构数
                    $('#yszs').html(data.data.yszs);//医生组数
                    $('#yss').html(data.data.yss);//医生数
                }else{
                    alert('获取机构数据失败!'+'('+data.data.message+')');
                }
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){}
        });
    }
    //获取数据
    $(document).ready(function () {
        ManagerUpdate();
    });
</script>

<!-- 辖区签约率 echarts -->
<script>
    //定义DOM ID
    var AreaCharts = echarts.init(document.getElementById('area_charts'));
    //签约率圆圈及文字样式
    var labelTop = {
        normal : {
            color: '#ffd600',
            label : {
                show : true,
                position : 'center',
                formatter : '{b}',
                textStyle: {
                    baseline : 'top',
                    fontSize: '14',
                    color:'#08173b'
                }
            },
            labelLine : {show :false}//不显示线
        }
    };
    //剩余圆圈及文字样式
    var labelBottom = {
        normal : {
            color: '#08173b',
            label : {
                show : true,
                position : 'center',
                textStyle: {
                    baseline : 'bottom',
                    fontSize: '26',
                    color:'#08173b'
                }
            },
            labelLine : {show : false}//不显示线
        }
    };
    option = {
        series : [
            {
                type : 'pie',
                center : ['50%', '50%'],//位置
                radius : [50, 56],//圈大小
                //x: '0%',
                itemStyle : {
                    normal : {
                        label : {
                            formatter : function (params){
                                return 100 - params.value + '%'
                            }
                        }
                    },
                },
                data : [
                    {name:'', value:0, itemStyle :labelTop},
                    {name:'', value:0,itemStyle :labelBottom}
                ]
            }
        ]
    };
    //监听窗口大小变化，重置图表数据位置
    window.addEventListener("resize",function(){
        AreaCharts.resize();
    });
    //初始化
    AreaCharts.setOption(option);
</script>

<!-- 辖区重点签约率 echarts -->
<script>
    //定义DOM ID
    var AreaImportantCharts = echarts.init(document.getElementById('area_important_charts'));
    //签约率圈及文字样式
    var labelTop = {
        normal : {
            color: '#13bbeb',
            label : {
                show : true,
                position : 'center',
                formatter : '{b}',
                textStyle: {
                    baseline : 'top',
                    fontSize: '14',
                    color:'#08173b'
                }
            },
            labelLine : {show :false}//不显示线
        }
    };
    //剩余圈及文字样式
    var labelBottom = {
        normal : {
            color: '#0c2154',
            label : {
                show : true,
                position : 'center',
                textStyle: {
                    baseline : 'bottom',
                    fontSize: '26',
                    color:'#fff'
                }
            },
            labelLine : {show : false}//不显示线
        }
    };
    option = {
        series : [
            {
                type : 'pie',
                center : ['50%', '50%'],//位置
                radius : [50, 56],//圈大小
                x: '0%',
                itemStyle : {
                    normal : {
                        label : {
                            formatter : function (params){
                                return 100 - params.value + '%'
                            }
                        }
                    },
                },
                data : [
                    {name:'', value:0, itemStyle :labelTop},
                    {name:'', value:0,itemStyle :labelBottom}
                ]
            }
        ]
    };
    //监听窗口大小变化，重置图表数据位置
    window.addEventListener("resize",function(){
        AreaImportantCharts.resize();
    });
    //初始化
    AreaImportantCharts.setOption(option);
</script>

<!-- 获取辖区签约人数及签约率 ajax -->
<script>
    function AreaChartsUpdate(){
        debugger;
        $.ajax({
            //url: "http://150.138.183.25:9090/jm/ldd/findqys.htm",
            url: "http://150.138.118.72:9999/jkzq/ldd/finddqqys.htm",
            async: true,
            type : 'get',
            dataType: "json",
            data:{'fJgdm':config.jgdm},
            success: function (data){
                debugger;
                if(data.state == "1"){
                    $('#rks').html(data.data.zrks);//总人口数
                    $('#qys').html(data.data.qys);//签约数
                    $('#zdrqrks').html(data.data.zdrqrks);//重点人群人口数
                    $('#zdrqqys').html(data.data.zdrqqys);//重点人群签约数
                    var sy=100-data.data.qyl,zdsy=100-data.data.zdrqqyl;//减余
                    AreaCharts.setOption({
                        series: [{
                            data:[{name:'签约率', value:data.data.qyl, itemStyle :labelTop},
                                {name:'剩余', value:sy, itemStyle :labelBottom}]
                        }]
                    });
                    AreaImportantCharts.setOption({
                        series: [{
                            data:[{name:'签约率', value:data.data.zdrqqyl, itemStyle :labelTop},
                                {name:'剩余', value:zdsy, itemStyle :labelBottom}]
                        }]
                    })
                }else{
                    alert('获取辖区签约人数失败!'+'('+data.data.message+')');
                }
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){
                console.log(XMLHttpRequest)
            }
        });
    }
    //获取数据
    $(document).ready(function () {
        AreaChartsUpdate();
    });
</script>

<!-- 重点人群签约占比数据 echarts -->
<script>
    //定义DOM ID
    var ImportantPeopleCharts = echarts.init(document.getElementById('important_people_charts'));
    <!-- 重点人群签约占比数据 ajax -->
    function ImportantPeopleUpdate(){
        $.ajax({
            url: path+"/ldd/findzdrqqys.htm",
            async: true,
            type : 'post',
            dataType: "json",
            data:{'fJgdm':config.jgdm},
            success: function (data){
                if(data.success == true){
                    var option = {
                        tooltip : {
                            trigger: 'item',
                            formatter: "{b} : ({d}%)"
                        },
                        color:['#57D2D3','#B6A2DE','#5AB1EF','#FFC799','#D87A80'],
                        legend: {
                            orient : 'vertical',
                            x : 'left',
                            y:'center',
                            padding:1,
                            itemGap:5,
                            itemWidth:15,
                            itemHeight:12,
                            textStyle:{
                                color:'#fff',
                                fontSize:12
                            },
                            data:[]
                        },
                        toolbox: {show:false},
                        calculable : true,//外圈
                        series : [
                            {
                                type:'pie',
                                radius : ['45%', '60%'],
                                center:['65%', '50%'],
                                itemStyle : {
                                    normal : {
                                        label : {
                                            show : false
                                        },
                                        labelLine : {
                                            show : false
                                        }
                                    },
                                    emphasis : {
                                        label : {
                                            show : true,
                                            position : 'center',
                                            textStyle : {
                                                fontSize : '12',
                                                color:'#fff'
                                            }
                                        }
                                    }
                                },
                                data:[]
                            }
                        ]
                    };
                    ImportantPeopleCharts.setOption({
                        series:[{data:data.countByTag}],
                        legend:{data:data.data.tagName}
                    })
                }else{
                    alert('获取重点人群签约占比数据失败!'+'('+data.data.message+')');
                }
                ImportantPeopleCharts.setOption(option);
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){}
        });
    }
    //监听窗口大小变化，重置图表数据位置
    window.addEventListener("resize",function(){
        ImportantPeopleCharts.resize();
    });
    //获取数据
    $(document).ready(function () {
        ImportantPeopleUpdate();
    });
</script>

<!-- 服务包订购数据 echarts -->
<script>
    //定义DOM ID
    var ServiceParkCharts = echarts.init(document.getElementById('service_park_charts'));
    option = {
        tooltip : {
            trigger: 'item',
            formatter: "{b} : {c} ({d}%)",
            showDelay: 0,
            transitionDuration:0
        },
        color:['#d59336','#2780c0'],
        toolbox: {show:false},
        calculable : false, //外圆边框
        series : [
            {
                type:'pie',
                radius : '50%',
                center: ['50%', '50%'],
                itemStyle : {
                    normal : {
                        label : {
                            show:true,
                            formatter: '{b}\n{c}({d}%)' ,
                            textStyle: {
                                fontSize: '15',
                                color:'#fff'
                            }
                        }
                    }
                },
                data:[
                    {value:0, name:''},
                    {value:0, name:''}
                ]
            }
        ]
    };
    //监听窗口大小变化，重置图表数据位置
    window.addEventListener("resize",function(){
        ServiceParkCharts.resize();
    });
    //初始化
    ServiceParkCharts.setOption(option);

    <!-- 服务包订购数据 ajax -->
    function ServiceParkUpdate(){
        $.ajax({
            url: path+"/ldd/findFwbdg.htm",
            async: true,
            type : 'get',
            dataType: "json",
            data:{'fJgdm':config.jgdm},
            success: function (data){
                if(data.state == "1"){
                    ServiceParkCharts.setOption({
                        series: [{
                            data:[{value:data.data.gxhfwb, name:'个性化服务包'},
                                {value:data.data.cjb, name:'初级包'}]
                        }]
                    })
                }else{
                    alert('获取服务包数据失败!'+'('+data.data.message+')');
                }
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){}
        });
    }
    //获取数据
    $(document).ready(function () {
        ServiceParkUpdate();
    });
</script>

<!-- 履约情况数据 echarts -->
<script>
    //定义DOM ID
    var ComplianceCharts = echarts.init(document.getElementById('compliance_charts'));
    //履约率圈及文字样式
    var labelTop = {
        normal : {
            color: '#00fdae',
            label : {
                show : true,
                position : 'center',
                formatter : '{b}',
                textStyle: {
                    baseline : 'top',
                    fontSize: '14',
                    color:'#fff'
                }
            },
            labelLine : {show :false}//不显示线
        }
    };
    //履约率剩余圈及文字样式
    var labelBottom = {
        normal : {
            color: '#0c2154',
            label : {
                show : true,
                position : 'center',
                textStyle: {
                    baseline : 'bottom',
                    fontSize: '26',
                    color:'#fff'
                }
            },
            labelLine : {show : false}//不显示线
        }
    };
    option = {
        series : [
            {
                type : 'pie',
                center : ['50%', '50%'],//位置
                radius : [50, 56],//圈大小
                x: '0%',
                itemStyle : {
                    normal : {
                        label : {
                            formatter : function (params){
                                return Math.round((100 - params.value) * 100) / 100 + '%'
                            }
                        }
                    },
                },
                data : [
                    {name:'履约率', value:0, itemStyle :labelTop},
                    {name:'剩余', value:100,itemStyle :labelBottom}
                ]
            }
        ]
    };
    //监听窗口大小变化，重置图表数据位置
    window.addEventListener("resize",function(){
        ComplianceCharts.resize();
    });
    //初始化
    ComplianceCharts.setOption(option);
</script>

<!-- 续约数据 echarts -->
<script>
    //定义DOM ID
    var RenewalCharts = echarts.init(document.getElementById('renewal_charts'));
    //续约率圈及文字样式
    var labelTop = {
        normal : {
            color: '#a752ff',
            label : {
                show : true,
                position : 'center',
                formatter : '{b}',
                textStyle: {
                    baseline : 'top',
                    fontSize: '14',
                    color:'#fff'
                }
            },
            labelLine : {show :false}//不显示线
        }
    };
    //续约率剩余圈及文字样式
    var labelBottom = {
        normal : {
            color: '#112853',
            label : {
                show : true,
                position : 'center',
                textStyle: {
                    baseline : 'bottom',
                    fontSize: '26',
                    color:'#fff'
                }
            },
            labelLine : {show : false}//不显示线
        }
    };
    option = {
        series : [
            {
                type : 'pie',
                center : ['50%', '50%'],//位置
                radius : [50, 56],//圈大小
                x: '0%',
                itemStyle : {
                    normal : {
                        label : {
                            formatter : function (params){
                                return Math.round((100 - params.value) * 100) / 100 + '%'
                            }
                        }
                    },
                },
                data : [
                    {name:'续约率', value:0, itemStyle :labelTop},
                    {name:'剩余', value:100,itemStyle :labelBottom}
                ]
            }
        ]
    };
    //监听窗口大小变化，重置图表数据位置
    window.addEventListener("resize",function(){
        RenewalCharts.resize();
    });
    //初始化
    RenewalCharts.setOption(option);
    //同步滚动条高度

    <!-- 履约率and续约率 ajax -->
    function RenewalUpdate(){
        $.ajax({
            //url: "http://150.138.183.25:9090/jm/ldd/findlyl.htm",
            url: path+"/ldd/findlyl.htm",
            async: true,
            type : 'get',
            dataType: "json",
            data:{'fJgdm':config.jgdm},
            success: function (data){
                if(data.state == "1"){
                    $('#lyrs').html(data.data.lys);//履约数
                    $('#xyrs').html(data.data.xys);//续约数
                    if(data.data.lys > 0 && data.data.lyl== "0"){
                        data.data.lyl=0.01;
                    }
                    if(data.data.xys > 0 && data.data.xyl== "0"){
                        data.data.lyl=0.01;
                    }
                    var lysy=100-data.data.lyl,xysy=100-data.data.xyl;//减余
                    ComplianceCharts.setOption({
                        series: [{
                            data:[{name:'履约率', value:data.data.lyl, itemStyle :labelTop},
                                {name:'剩余', value:lysy, itemStyle :labelBottom}]
                        }]
                    });
                    RenewalCharts.setOption({
                        series: [{
                            data:[{name:'续约率', value:data.data.xyl, itemStyle :labelTop},
                                {name:'剩余', value:xysy, itemStyle :labelBottom}]
                        }]
                    })
                }else{
                    alert('获取履约和续约数据失败!'+'('+data.data.message+')');
                }
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){}
        });
    }
    //获取数据
    $(document).ready(function () {
        RenewalUpdate();
    });
</script>

<!-- 高血压管理 ajax -->
<script>
    function HypertensionUpdate(){
        $.ajax({
            url: path + "/ldd/findGxyjcxx.htm",
            async: true,
            type : 'get',
            dataType: "json",
            data:{'fJgdm':config.jgdm},
            success: function (data){
                if(data.state == "1"){
                    $('#gxyjcs').text(data.data.jcs);
                    $('#gxyqys').text(data.data.qys);
                    $('#gxyycs').text(data.data.ycs);
                }else{
                    alert('获取高血压数据失败!'+'('+data.data.message+')');
                }
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){}
        });
    }
    //获取数据
    $(document).ready(function () {
        HypertensionUpdate();
    });
</script>
<!-- 右侧团队列表 ajax -->
<script>
    function TeamListUpdate(){
        $.ajax({
            url: path + "/ldd/findyszxx.htm",
            async: true,
            type : 'get',
            dataType: "json",
            data:{'fJgdm':config.jgdm},
            success: function (data){
                var result ='';
                if(data.state == "1"){
                    for(var i = 0; i < data.data.length; i++){
                        data.data[i].tdrs=data.data[i].tdrs?data.data[i].tdrs:"0";
                        data.data[i].qyzs=data.data[i].qyzs?data.data[i].qyzs:"0";
                        data.data[i].fwcs=data.data[i].fwcs?data.data[i].fwcs:"0";
                        data.data[i].lyl=data.data[i].lyl?data.data[i].lyl:"0";
                        data.data[i].cjbsl=data.data[i].cjbsl?data.data[i].cjbsl:"0";
                        data.data[i].gxbsl=data.data[i].gxbsl?data.data[i].gxbsl:"0";
                        if(data.data[i].fwcs > 0 && data.data[i].lyl== "0"){
                            data.data[i].lyl=0.01;
                        }
                        result	+='<li class="fl">'
                            +'<div class="item_info"><h3><span class="teamName">'+data.data[i].name+'</span><span class="orange num">'+data.data[i].tdrs+'人</span></h3>'
                            +'<div class="count"><ul class="count-item col-3 clear"><li class="fl opacity flex"><div class="info"><span class="blue">'+data.data[i].qyzs+'</span><p>签约总数</p></div></li>'
                            +'<li class="fl opacity flex"><div class="info"><span class="blue">'+data.data[i].fwcs+'</span><p>服务总数</p></div></li>'
                            +'<li class="fl opacity flex"><div class="info"><div id="iscircle" class="c100 p'+data.data[i].lyl+' small orange"><span>'+data.data[i].lyl+'%<em>履约率</em></span><div class="slice"><div class="bar"></div><div class="fill"></div></div></div></div></li></ul></div>'
                            +'<div class="other_progress"><div class="info primary clear"><span class="fl tip">初级包</span><span class="fl bar"><s style="width:'+data.data[i].cjbsl+'%;"></s></span><span class="fl num">'+data.data[i].cjbsl+'%</span></div><div class="info clear"><span class="fl tip">个性包</span><span class="fl bar"><s style="width:'+data.data[i].gxbsl+'%;"></s></span><span class="fl num">'+data.data[i].gxbsl+'%</span></div></div></div>'
                            +'</li>';
                    }
                    $('.item_list').html(result);
                    resetcircle();
                }else{
                    alert('获取团队数据失败!'+'('+data.data.message+')');
                }
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){}
        });
    }
    //获取数据
    $(document).ready(function () {
        TeamListUpdate();
    });

</script>


</body></html>